﻿@{
    Layout = "";
}
<html>
<head>
    <title>Layout</title>
</head>
<style type="text/css">
    /*default  setting
----------------------------------*/
    * { font-family: "Segoe UI" , "Microsoft YaHei" ,Verdanal,Arial,sans-serif; font-size: 14px; }
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
    table { border-collapse: collapse; border-spacing: 0; }
    fieldset, img { border: 0; }
    address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; }
    caption, th { text-align: left; }
    q:before, q:after { content: ''; }
    abbr, acronym { border: 0; }
    a { text-decoration: none; }
    a, input, li, span { vertical-align: middle; }
    .clear { clear: both; display: block; overflow: hidden; width: 0; height: 0; }
    #main { height: 100%; width: 100%; background-color: #ddd; }
    #header { height: 50px; background-color: #e3e; }
    #left { width: 70%; overflow: scroll; }
    #right { width: 30%; overflow: scroll; }
    #left .container { background-color: #3ee; height: 1000px; }
    #right .container { background-color: #ee3; }
</style>
<body style="height: 100%; overflow: hidden;">
    <table id="main">
        <tr>
            <td id="header" colspan="2">
            </td>
        </tr>
        <tr id="body">
            <td id="left">
                <div class="container">
                </div>
            </td>
            <td id="right">
                <div class="container">
                </div>
            </td>
        </tr>
    </table>
</body>
</html>
